<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>前台首页-AphpAdmin</title>
    <link rel="shortcut icon" href="__ROOT__/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="__STATIC__/component/layui/css/layui.css"/>
    <style>
        .layui-warp {
            max-width: 980px;
            margin: 0 auto 15px auto;
            padding: 10px;
        }
        .layui-warp h1 {
            margin: 10px 0;
        }
        .layui-warp h2 {
            margin: 13px 0;
        }
        .layui-warp p {
            padding: 10px;
        }
        .layui-card-header {
            height: 30px;
            line-height: 30px;
        }
        .layui-warp a {
            color: #337ab7;
            font-weight: bold;
        }
    </style>
</head>
<body>
<div class="layui-warp">
    菜单：<a href="{:url('index/index')}">前台</a> | <a href="__HOST__/api.php">API</a> | <a href="__HOST__/admin.php">后台</a>
    <h1>前台首页</h1>
    <p>这是 <strong class="layui-font-purple">一鱼CRUD后台AphpAdmin</strong> 的前台首页，可以自由修改，使用模板标签快速调用数据。</p>

    <h2>前台调用</h2>
    {literal}
    <pre class="layui-code code-demo" lay-options="{theme: 'dark'}">
调用配置：{:site('site_title')}
链接生成：{:url('index/test')}
获取数据：
{php $list=db('test')->where('status=1')->order('id DESC')->limit(10)->cache()->select()}
偱环输出：
{foreach $list as $vo}
    {$vo.id}-{$vo.title}-{$vo.update_time|date='Y-m-d'}
{/foreach}
    </pre>
    {/literal}
    <p>可复制以上代码于模板查看效果。更多模板标签在 <a href="https://doc.aphp.top" target="_blank">在线文档</a> 中查看。</p>
    <h2>后台管理</h2>
    <div class="layui-row">
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">环境要求</div>
                <div class="layui-card-body">
                    PHP环境：PHP7.4 ~ PHP8.4<br/>
                    数据库：MySQL5.6 ~ MySQL8.0
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">技术构架</div>
                <div class="layui-card-body">
                    PHP框架：APHP5.3.x<br/>
                    后台UI：PearAdmin3.x(Layui2.9.25)
                </div>
            </div>
        </div>
    </div>
    <p>先 <a href="__HOST__/install.php">安装后台</a> 后, 再 <a href="__HOST__/admin.php">进入后台</a> 。 默认账户：admin 密码：admin</p>
    <h2>常见问题</h2>
    <div class="layui-collapse" lay-accordion>
        <div class="layui-colla-item">
            <div class="layui-colla-title">提示：页面出错！请稍后再试～？</div>
            <div class="layui-colla-content">
                1. 在 config/app.php 开启 debug=&gt;true 显示错误。
                <br/>2. 或在 runtime/应用名/log 目录下查看日志文件。
                <br/>3. 清空 runtime 目录(或访问url：api/clear 清空)。
            </div>
        </div>
        <div class="layui-colla-item">
            <div class="layui-colla-title">无法访问页面？</div>
            <div class="layui-colla-content">
                1. 确认已设置伪静态。
                <br/>2. 清空 runtime 目录(或访问url：api/clear 清空)。
            </div>
        </div>

        <div class="layui-colla-item">
            <div class="layui-colla-title">后台修改数据后前台未改变？</div>
            <div class="layui-colla-content">
                1. 在后台右上角 清除缓存 。
                <br/>2. 或在前台访问url：api/clear 清空。
            </div>
        </div>

        <div class="layui-colla-item">
            <div class="layui-colla-title">尝试了以上未能解决问题？</div>
            <div class="layui-colla-content">
                加交流群：QQ群1：325825297 QQ群2：16008861
            </div>
        </div>
    </div>
    <h2>技术支持</h2>
    <p>
        框架官网：<a href="https://www.aphp.top" target="_blank">aphp.top</a>
        | CMS官网：<a href="https://www.aphpcms.com" target="_blank">aphpcms.com</a>
        | 技术联系：无念(24203741@qq.com) | Powered by AphpAdmin v1.0
    </p>
</div>

<script src="__STATIC__/component/layui/layui.js"></script>
<script>
    layui.use(function () {
        layui.code({
            elem: '.code-demo'
        });
    });
</script>
</body>
</html>